<template>
    <div class="flex fww">
      <div class="mainTag" v-for="i in taglist">{{ i }}</div>
    </div>
  </template>
  <style>
  @import "../../public.css";
  @import "../../ui/vant-ui/ui.css";
  .mainTag{
    display: inline;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    background-color: #eeeeee65;
    color: var(--primary-color);
    letter-spacing:0;
    font-size: 12px;
  }
  .mainTag:hover{
    background-color: var(--primary-color);
    color: #fff;
  }
  </style>
  <script>
  module.exports = {
    props: {
      taglist:{
        type:Array,
        default:function(){
          return ['tag1','tag2','tag3','tag4','tag5',]
        }
      }
    },
  };
  </script>
  